// 对于axios 函数库进行二次封装
// 你工作的时候是否axios进行二次封装？二次封装的目的是什么？
// 目的1：利用axios请求、响应拦截器功能
// 目的2：请求拦截器，一般可以在请求头中携带公共的参数:token
// 目的3：响应拦截器，可以简化服务器返回的数据，处理http网络错误
import axios from "axios";

// 引入用户相关的仓库
import useUserStore from "@/store/modules/user";
import { ElMessage } from "element-plus";

// 利用axios.create方法创建一个axios实例：可以设置基础路径、超时的时间的设置
const request = axios.create({
  baseURL: "/api", //请求的基础路径的设置
  timeout: 5000, //超时时间的设置，超出5秒请求就失败
});

// 请求拦截器
request.interceptors.request.use((config) => {
  // 获取用户仓库
  let useStore = useUserStore();
  // console.log(useStore.userInfo);
  // token：公共参数，如果用户登录了，需要携带
  if (useStore.userInfo.token) {
    config.headers.token = useStore.userInfo.token;
  }

  // config ：请求拦截器回调注入的对象（配置对象）,p配置对象的身上最重要的一件事情headers属性
  //   k可以通过请求头携带公共参数-token
  return config;
});
// 响应拦截器
request.interceptors.response.use(
  (response) => {
    // 响应拦截器成功地回调，一般会进行简化
    return response.data;
  },
  (error) => {
    // 处理http网络错误
    let status = error.response.status;
    switch (status) {
      case 404:
        // 错误提示信息
        ElMessage({
          type: "error",
          //   message: error.message,
          message: "请求失败,路径出现问题",
        });
        break;
      case 401:
        // 错误提示信息
        ElMessage({
          type: "error",
          //   message: error.message,
          message: "参数有误",
        });
        break;
      case 500 | 501 | 502 | 503 | 504 | 505:
        // 错误提示信息
        ElMessage({
          type: "error",
          //   message: error.message,
          message: "服务器挂了",
        });
        break;
    }
    return Promise.reject(new Error(error.message));
  }
);

// 务必对外暴露axios
export default request;
